(function () {

    var firstItemId ;
    var token = Cookies.get('token')

    /**
     * ajax获取后台地址信息
     * @param id  地址ID
     * @param select  省市区地址所要插入的select
     * @param selectedId 选中的地址项的ID
     */
    var getData = function (id,select,selectedId) {
        var url = 'sub_regions'
        var dfd = $.Deferred()

        hlhttp.get({
            url:url,
            data:{region_id:id},
            success:function (data) {
                var length=data.length;
                var optionDOM = '';
                firstItemId = data[0].regionId

                for(var i=0;i<length;i++){
                    if(selectedId === data[i].regionId){
                        optionDOM += "<li selected='true' data-id='" + data[i].regionId + "'data-value='" + data[i].name + "'>" + data[i].name + "</li>"
                    }else{
                        optionDOM += "<li data-id='" + data[i].regionId + "'data-value='" + data[i].name + "'>" + data[i].name + "</li>"
                    }
                }

                $(select).find('ul').html(optionDOM);

                $(".provinceSelect li").unbind().on('click', function(event) {
                  var text = $(".provinceSelect").parent().siblings('span').text()
                  var id = $(this).attr('data-id')
                  $('.provinceSelect').nextAll().find('span').text('请选择')
                  $(select).nextAll().find('ul').text('')
                  $('.provinceSelect').nextAll().find('span').removeAttr('data-id')
                  getData(id,".citySelect").done(function () {
                    $(".citySelect").nextAll().find('ul').text('')
                      // getData(firstItemId,".districtSelect")
                  })
                });
                $(".citySelect li").unbind().on('click', function(event) {
                  var text = $(".provinceSelect").parent().siblings('span').text()
                  var id = $(this).attr('data-id')
                  getData(id,".districtSelect")
                });
                $(select).find('ul li').on('click', function(event) {
                  $(select).nextAll().find('span').text('请选择')
                    $(select).nextAll().find('ul').text('')
                  $(select).nextAll().find('span').removeAttr('data-id')
                });

                dfd.resolve()
            },
            error:function (xhr,type) {
                hl.toast(JSON.parse(xhr.responseText).msg)
            }
        })

        return dfd.promise()
    }

    /**
     *  初始化插件
     * @param options
     * {
			 * 	 province:{id:**,name:**},
			 * 	 city:{id:**,name:**},
			 * 	 district:{id:**,name:**},
			 * }
     */
    var DisPicker = function () {}

    // 初始化省市区
    DisPicker.prototype.init = function (options) {
        // 初始化省市区地址
        getData(1,'.provinceSelect',options.province.id)
        if(options.province.id){
            getData(options.province.id,'.citySelect',options.city.id)
        }
        if(options.city.id){
            getData(options.city.id,'.districtSelect',options.district.id)
        }

    }

    // 重置
    DisPicker.prototype.reset = function () {
        $('.provinceSelect').find('ul').prepend('<li>--请选择省--</li>')
        $('.citySelect').find('ul').html('<li>--请选择市--</li>')
        $('.districtSelect').find('ul').html('<li>--请选择区--</li>')
    }

    window.hl.disPicker = new DisPicker()
})()
